document.body.onclick = function (e) {
    // 随机颜色
    function sjs(min, max) {
        return Math.floor(Math.random() * (max - min + 1) + min)
    }
    function ys() {
        return '#' + sjs(0, 0xffffff).toString(16)
    }
    let yan = ys()
    let xin = document.createElement('div')
    xin.style.background = yan;
    xin.style.height = '15px';
    xin.style.width = '15px';
    xin.style.display = 'inline - block';
    xin.style.transform = 'rotate(45deg)';
    xin.style.position = 'absolute';
    xin.style.zIndex = '2';
    let left = document.createElement('div')
    left.style.width = '15px';
    left.style.height = '15px';
    left.style.borderRadius = '50%';
    left.style.position = 'absolute';
    left.style.top = '-50%';
    left.style.left = '0';
    left.style.background = yan;
    let rigth = document.createElement('div')
    rigth.style.width = '15px';
    rigth.style.height = '15px';
    rigth.style.borderRadius = '50%';
    rigth.style.position = 'absolute';
    rigth.style.top = '0';
    rigth.style.right = '50%';
    rigth.style.background = yan;
    left.className = 'left'
    rigth.className = 'rigth'
    xin.style.top = e.pageY - 10 + 'px'
    xin.style.left = e.pageX - 10 + 'px'
    xin.classList = 'xin'
    document.body.appendChild(xin)
    xin.appendChild(rigth)
    xin.appendChild(left)

    setTimeout(function () {
        xin.classList = 'xin xiao'
        xin.style.transition = 'all 0.5s';
        xin.style.transform = 'translateY(500%) rotate(45deg)';
    }, 50)
    setTimeout(function () {
        xin.remove()
        xin.style.opacity = '0'
    }, 666)

}